:root {
    --bright: #FFFFFF;
    --dark: #313131;
    --gray: #E5E5E5;
	--green: #2EAB99;
	--green-2: #2C9775;
	--orange: #EF9552;
    --wrap-width: 1150px;
    --wrap-padding: calc((100vw + 2em - var(--wrap-width)) / 2);
    --color-4: #7B7B7B;
    --color-5: #C4C4C4;
    --color-6: #EF9552;
    --color-7: #434343;
    --color-menu: #EBEBEB;
    --orange-gradient: linear-gradient(295.99deg, #FDCF77 11.97%, var(--orange) 66.01%);
    --green-gradient: linear-gradient(73.73deg, var(--green) 20.12%, #6FC97E 92.33%);
    --black-gradient: linear-gradient(94.26deg, var(--dark) 14.79%, var(--color-4) 103.45%);
}

@media screen and (max-width: 1150px) {
    :root {
        --wrap-padding: 1.5em;
    }
}

.site-content a {
	color: var(--green);
}

.site-content a:hover {
	text-decoration: underline;
}


.descr-block p, .descr, .fl-rich-text p {
	
}

.small-text {
	font-size: 0.66em;
}

body {
    font: 15px Roboto;
	font-size: 22.5px;
    font-weight: 400;
    background-color: var(--gray);
    color: var(--dark);
}


#page { 
    font-family: Roboto;
	display: flex;
	flex-flow: column;
	min-height: 100%;
}

#site-content {
	flex: 1;
}

h1 {
    font-size: 1.75em;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 120%;
    margin-bottom: .5em;
}

h1.normal {
    text-transform: none;
}


p {
    margin-bottom: 1em;
}

h2 {
    font-size: 1.32em;
    margin-bottom :.6em;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 120%;
}

h3 {
	font-size: 1em;
	line-height: 122%;
	letter-spacing: 1px;
	font-weight: 900;
}

h2.normal {
    text-transform: none;
}

h1 em, h2 em{
    font-weight: 300;
}

h1, h2, h3 {
	letter-spacing: 1px;
}

p {
    line-height: 115%;
}
.site-content li {
    padding: 1rem 2rem;
    background: url(img/circle.svg) no-repeat;
    background-size: .8em .8em;
    background-position: left center;
    margin: 1em 0;
}

.single-lab #block1 ul li {
    font-weight: 300;
    padding: 0;
    display: flex;
    align-items: center;
	padding: 0;
    padding-left: 15px;
    line-height: 120%;
    margin-bottom: 1.5em;
    background: linear-gradient(to right, var(--bright) 0%,var(--bright) 0.25em, transparent 0.25em) no-repeat;
    background-size: 100% 80%;
    background-position: 0 center;
}


.wrap, .wrap-parent>div, .wrap-parent-2>div>div, .wrap-parent-3>div>div>div  {
    box-sizing: border-box;
    width: 100%;
    padding-left: 1.5rem !important;
	padding-right: 1.5rem !important;
    max-width: var(--wrap-width);
    margin: auto;
}


/* Header */
#site-header {
    position: sticky;
    top: 0;
    z-index: 100;
    background: var(--dark);
    color: var(--bright);
    font-size: 0.495em;
    font-weight: 900;
    letter-spacing: .1em;
    padding: 1.5em 0;
}

#site-header .wrap {
    display: flex;
    align-items: center;
}

#site-header .logo {
    max-width: 350px;
    display: block;
}

#site-nav {
    padding-left: 5em;
}

#site-nav li {
    color: rgba(255, 255, 255, 0.8);
}

#main-menu li.current-menu-item, #main-menu li.current-menu-parent {
    color: var(--bright);
}

#main-menu {
    display: flex;
    flex-flow: row wrap;
}

#main-menu li a {
    padding: 1em;
}


#lang-choice a {
    font-weight: 300;
    font-size: 0.77em;
    padding: 1em;
    margin: 0 .5em;
}

#lang-choice a.active {
    border: 1px solid var(--bright);
    border-radius: 100%;
}

.button, a.button, .btn, a.btn {
    display: inline-block;
    color: var(--bright);
    width: max-content;
    background: transparent;
    border: 2px solid var(--bright);
    text-align: center;
    padding: 1em 3em;
    min-width: 13em;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 4em;
	transition: all 300ms;
}

a.button:hover, a.btn:hover {
	background: var(--bright);
	color: var(--dark);
	text-decoration: none;
}

.btn2, a.btn2 {
	border-color: var(--dark);
	color: var(--dark);
}

.btn2:hover, a.btn2:hover {
	border-color: var(--green);
	background: var(--green);
	color: var(--bright);
}

.card .button {
    display: block;
    margin: auto;
}

#site-footer {
	font-size: 0.66em;
    padding-top: 27vw;
    padding-bottom: 1.5em;
    color: var(--bright);
    background: url(img/footer.png) no-repeat, linear-gradient(to bottom, transparent 0, transparent 24vw, var(--dark) 24vw, var(--dark) 100%) no-repeat;
    background-size: 100% auto, 100% 100%;
    background-position: 0 1vw;
}

#site-footer h2 {
    text-transform: none;
    font-size: 1.33em;
    margin-top: 1em;
}

.footer-info {
	margin: 1.5em 0;
}



#footer-contacts .strong {
    margin-top: 1em;
}



#urfuLogo { 
    display: block;
    width: 100%; 
    max-width: 200px;
    height: 68px;
    background: url(img/urfu_logo.png) no-repeat;
    background-size: contain;
}

#site-footer .col { margin-left: 1em; flex: 1;}
#logo-col.col { margin-right: 2rem; margin-left: 0; }

#footer-row {
    margin: 1.5em 0;
    font-weight: 200;
}

#footer-row .row .col:first-child { flex: 1; }
#footer-row .row .col:last-child { flex: 2; }

#footer-row .row {
    flex-flow: row;
    margin-bottom: 1em;
}

#footer-row a {
	display: block;
	margin-bottom: 0.3em;
}

#copyright {
    font-size: 0.75em;
}

.links-row a {
    display: block; 
}

.arrows {
    display: flex;
    flex-flow: row;
}

.arrows a, .slick-arrow, .card-owl-nav button {
    display: block;
    height: 3rem;
    width: 3rem;
    background-repeat: no-repeat;
    background-size: 100%;
	left: 0;
}

.slick-arrow,  .owl-prev, .owl-next  {
    background-color: transparent;
    position: absolute;
    width: 2.5rem;
    height: 2.5rem;
    margin-top: 1.5rem;
    top: 100%;
}

.content-scroller .arrow-right {
    margin-left: 1em;
}

.from-last .slick-arrow, .from-last .card-owl-nav button {
    left: auto;
	right: 0;
}

.cards-bright .slick-arrow, .cards-bright .card-owl-nav button {
    left: auto;
    right: 0;
}

.cards-bright .slick-left, .cards-bright .owl-prev, .from-last .owl-prev {
    margin-right: 4rem;
}

.slick-right, .owl-next {
    margin-left: 4rem;
}

.cards-bright .slick-right, .cards-bright .owl-next, .from-last .owl-next {
    margin-left: 0;
}

 .arrow-left, .slick-left, .owl-prev {
    background-image: url(https://chempharm.urfu.ru/wp-content/uploads/2020/03/Group-40-2.svg);
}

.arrows .arrow-left:not(.disabled):hover, .slick-left:not(.slick-disabled):hover, .owl-prev:not(.disabled):hover {
    background-image: url(https://chempharm.urfu.ru/wp-content/uploads/2020/03/Group-42.svg);
}

.arrows a.arrow-right, .slick-right, .owl-next {
    background-image: url(https://chempharm.urfu.ru/wp-content/uploads/2020/03/Group-43.svg);
}

.arrows a.arrow-right:not(.disabled):hover,  .slick-right:not(.slick-disabled):hover, .owl-next:not(.disabled):hover {
    background-image: url(https://chempharm.urfu.ru/wp-content/uploads/2020/03/Group-41-3.svg);
}

@media screen and (max-width: 768px) {
	 .arrow-left, .slick-left, .owl-prev {
		background-image: url(https://chempharm.urfu.ru/wp-content/uploads/2020/02/arrow.svg);
	}
	
	.arrows .arrow-left:not(.disabled):hover, .slick-left:not(.slick-disabled):hover, .owl-prev:not(.disabled):hover {
		background-image: url(https://chempharm.urfu.ru/wp-content/uploads/2020/02/Group-40-1.svg);
	}

	.arrows a.arrow-right, .slick-right, .owl-next {
		background-image: url(https://chempharm.urfu.ru/wp-content/uploads/2020/02/Group-41-1.svg);
	}

	.arrows a.arrow-right:not(.disabled):hover,  .slick-right:not(.slick-disabled):hover, .owl-next:not(.disabled):hover {
		background-image: url(https://chempharm.urfu.ru/wp-content/uploads/2020/02/Group-41-2.svg);
	}
}

/* .cards-bright .arrow-left, .cards-bright .slick-left, .cards-bright .owl-prev {
    background-image: url(https://chempharm.urfu.ru/wp-content/uploads/2020/02/Group-40-1-1.svg);
}

.cards-bright .arrows .arrow-left:not(.disabled):hover, .cards-bright .slick-left:not(.slick-disabled):hover, .cards-bright .owl-prev:not(.disabled):hover {
    background-image: url(https://chempharm.urfu.ru/wp-content/uploads/2020/02/Group-41.svg);
}

.cards-bright .arrows a.arrow-right, .cards-bright .slick-right, .cards-bright .owl-next {
    background-image: url(https://chempharm.urfu.ru/wp-content/uploads/2020/02/Group-40.svg);
}

.cards-bright .arrows a.arrow-right:not(.disabled):hover, .cards-bright .slick-right:not(.slick-disabled):hover, .cards-bright .owl-next:not(.disabled):hover {
    background-image: url(https://chempharm.urfu.ru/wp-content/uploads/2020/02/Group-361.svg);
}
 */


.arrows a:first-child {
    margin-left: 0;
}

.arrows a.disabled, .slick-arrow.slick-disabled, .card-owl-nav .disabled {
    opacity: 0;
    cursor: default;
}

#page form {
	font-size: 0.66em;
}

.form-block {
    padding: 5rem 0;
}

.form-block h2 {
    text-align: center;
    margin-bottom: 1em;
}

#page input[type="text"], #page input[type="email"], #page input[type="tel"], #page input[type="number"], #page input[type="date"], #page textarea, #page select {
    background: white;
    border: 0;
    border-radius: 2em;
    letter-spacing: 2px;
    font-size: 1em;
    padding: 1em 1.5em;
	box-sizing: border-box;
    width: 100%;
}

textarea {
    resize: none;
}

form .row>span {
    margin-right: 0.7em;
    flex: 1;
    margin-bottom: 1em;
}

form .row>span:last-child {
    margin-right: 0;
}

.form-block form {
    width: 90%;
    margin: auto;
    max-width: 650px;
}

input[type="submit"], .btn1, a.btn1 {
    font-weight: bold;
    text-transform: uppercase;
    padding: 1rem 4.5rem;
    border-radius: 4em;
    color: var(--bright);
    display: inline-block;
    background: var(--color-6);
}

.btn1:hover, a.btn1:hover {
	text-decoration: none;
}

.form-block.green input[type="submit"] {
	background: var(--green-2);
}



input[type="submit"] {
    display: block;
    margin: auto;
}

*::placeholder {
    color: var(--color-5);
}

.wpcf7-not-valid-tip {
    margin-top: 0.5em;
	letter-spacing: 0;
}

div.wpcf7-response-output {
	margin-top: 0.5em;
	letter-spacing: 0;
}

.ident3 {
    padding: 13vw 0 17vw;
    min-height: 82vw;
    /*background: url(https://chempharm.urfu.ru/wp-content/uploads/2020/02/Vector-3.svg) no-repeat; */
    background-size: 100% auto;
    background-position: top;
}

.content-scroller-arrows {
    position: relative;
}
.content-scroller-arrows .arrows {
    position: absolute;
    bottom: 2rem;
    left: calc(33.8vw + 1em);
    z-index: 10;
}

.contact {
    direction: ltr;
    padding-top: 30%;
    position: relative;
    flex: 1;
    margin-left: 0.66rem;
}

.contact.empty {
    height: 0;
    padding-top: 0;
}

.contact:last-child {
    margin-left: 0;
}

.contact:after {
    content: ' ';
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, transparent 50%, black 100%);
    z-index: 1;
}

.contact-photo {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    user-select: none;
    
}

.contact-photo img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.contact-data {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 2;
    color: var(--bright);
    box-sizing: border-box;
    padding: 1em 1em 2em;
}

.contact-name {
    font-weight: 900;
    margin-bottom: .5rem;
}

.contact-status {
    font-weight: 300;
}

.contacts-block .about {
    min-height: 12.5em;
    width: 50%;

}

.contacts-block .about p, .contacts-block .about h2 {
    line-height: 130%;
}

.contacts-block .contacts {
	font-size: 0.66em;
    margin-top: -11.5em;
}

.contacts-row
{
    direction: rtl;
    display: flex;
    flex-flow: row;
    margin-bottom: 1rem;
}

.contacts .contact:nth-child(n+3) {
    margin-top: 12.5em;
    margin-bottom: -12.5em;
}

.ident4-1 {
    background: url(https://chempharm.urfu.ru/wp-content/uploads/2020/02/Mask-Group-1.svg) no-repeat;
    background-position: bottom;
    background-size: 100% auto;
    min-height: 78vw;
}

.ident4-2 {
    background: url(https://chempharm.urfu.ru/wp-content/uploads/2020/02/Mask-Group-2.svg) no-repeat;
    background-position: top;
    background-size: 100% auto;
    padding-top: 15vw;
    min-height: 77.5vw;
}
@media screen and (min-width: 769px) {
.ident5 {
    background: url(https://chempharm.urfu.ru/wp-content/uploads/2020/02/ident5.svg) no-repeat;
    background-size: 100% auto;
    height: 86vw;
    padding-top: 36vw;
}
}

.ident6 {
    background: url(https://chempharm.urfu.ru/wp-content/uploads/2020/02/Group-435.svg) no-repeat;
    background-size: 22.58vw auto;
    min-height: 45vw;
}

@media screen and (max-width: 768px) {
	.ident6 {
		background: none;
	}
}
.ident7 {
	margin-top: 5em;
}
@media screen and (min-width: 769px) {
	.ident7 {
		background: url(https://chempharm.urfu.ru/wp-content/uploads/2020/03/Vector-2.svg) no-repeat;
		background-size: 100% auto;
		min-height: 75vw;
		padding-top: 2.5em;
	}
}

@media screen and (min-width: 769px) {
	.ident8 {
		background: url(https://chempharm.urfu.ru/wp-content/uploads/2020/03/Group-494.svg) no-repeat;
		background-size: 100% auto;
		background-position: 0 2vw;
		min-height: 78vw;
	}
}

.fl-builder-edit .ident10-2, .fl-builder-edit .ident9-2 {
    margin-top: 0;
}

.ident9 .fl-row-content-wrap {
    background: url(https://chempharm.urfu.ru/wp-content/uploads/2020/03/Group-495.svg) no-repeat;
    background-size: 100% auto;
    background-position: 0 -7.8vw;
    min-height: 80vw;
}

.ident9-1 {
    margin-top: 8em;
}

.ident9-1>div {
    max-width: 35em;
}

.ident10 .fl-row-content-wrap {
    background: url(https://chempharm.urfu.ru/wp-content/uploads/2020/03/Group-593.svg) no-repeat;
    background-size: 100% auto;
    background-position: 0 -7.8vw;
    min-height: 80vw;
}

.ident10-1 {
    margin-top: 8em;
}

.ident10-1>div  {
    max-width: 30em;
}

.ident9, .ident10 {
	background-repeat: no-repeat;
	background-size: 100% auto;
    background-position: 0 -6vw;
    color: var(--bright);
}


@media screen and (min-width: 769px) {
	.ident10-2, .ident9-2 {
		margin-top: -30vw;
	}
	.ident10-2 {
		margin-top: -33vw;
		min-height: 33vw;
	}
}

@media screen and (max-width: 768px) {
	.ident9 .fl-row-content-wrap, .ident10 .fl-row-content-wrap {
		background: url(https://chempharm.urfu.ru/wp-content/uploads/2020/03/Frame-19.svg) no-repeat;
		background-size: 100% auto;
		background-position: bottom;
		padding-bottom: 80vw;
	}

	.ident9, .ident10 {
		background-size: cover;
		padding-bottom: 10vw;
	}
}

@media screen and (min-width: 769px) {
	.ident11 {
		background: url(https://chempharm.urfu.ru/wp-content/uploads/2020/02/Group-406-2.svg) no-repeat;
		background-size: 100% auto;
		background-position: top;
		padding-top: 21vw;
		padding-bottom: 3em;
		min-height: 73vw;
	}

	.ident12 {
		background: url(https://chempharm.urfu.ru/wp-content/uploads/2020/02/Group-430-1.svg) no-repeat;
		background-size: 100% auto;
		background-position: top;
		padding-top: 15vw;
		padding-bottom: 3em;
		min-height: 77.45vw;
	}
}

@media screen and (max-width: 768px) {
	.ident11 {
		margin: 3rem 0;
	}
	
}

.ident13 {
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top;
    color: var(--bright);
}

.ident13>div {
    background: url(https://chempharm.urfu.ru/wp-content/uploads/2020/03/Group-492.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: bottom;
    min-height: 96.89vw;
}

.ident13-1 {
    margin-top: 5em;
}

.ident13-2 {
    margin-top: -15vw;
}

.fl-builder-edit .ident13-2 {
	 margin-top: 0;
}

@media screen and (max-width: 768px) {
	.ident13 {
		background-size: cover;
		text-align: center;
	}

	.ident13>div {
		background-image: url(https://chempharm.urfu.ru/wp-content/uploads/2020/03/Group-595.svg);
		background-size: 100% auto;
		background-position: 0 calc(100% - 5vw);
		padding-bottom: 90vw;
	}
	
	.ident13-2 {
		margin-top: 0;
	}
}


.ident14 {
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top;
}



.ident14>div {
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0, rgba(0, 0, 0, 0.6) 100%) no-repeat;
}

.ident14-1 {
    margin: 8vw 0;
    color: var(--bright);
}

@media screen and (min-width: 769px) {
	.ident14>div {
		background-size: 100% 30vw;
	}
	.ident14>div>div {
		background:url(https://chempharm.urfu.ru/wp-content/uploads/2020/02/Group-491.svg);
		background-repeat: no-repeat;
		background-position: 0 -2vw;
		background-size: 100% auto;
		min-height: 80vw;
	}


	.ident14-2 {
		margin: 8vw 0;
		padding-right: 2em;
	}

	.ident14-3 {
		margin-left: 2em;
		margin-top: 4vw;
		width: 39vw;
	}
}

@media screen and (max-width: 768px) {
	.ident14 {
		background-size: cover;
	}
	.ident14 .text {
		display: none;
	}
	
}

.ident15 {
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    color: var(--bright);
}

.ident15>div {

    box-sizing: border-box;
    background-color: rgba(0, 0, 0, 0.3);
}

.ident15>div>div {
    min-height: 46vw;
    padding: 3em var(--wrap-padding);
    background: url(https://chempharm.urfu.ru/wp-content/uploads/2020/03/Group-596.svg) no-repeat;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
	align-items: center;
    display: flex;
}

.ident15>div {
    display: block;
    width: 100%;
}


.ident15 .wrap>div {
    max-width: 50rem;
}

@media screen and (max-width: 768px) {
	.ident15 {
		background-attachment: scroll;
	}
	
	.ident15>div>div {
        background-image: url(https://chempharm.urfu.ru/wp-content/uploads/2020/03/Group-594-1.svg);
        background-position: top;
        padding-top: 68vw;
    }
}

.ident16-1 {
    background-size: cover;
    background-attachment: fixed;
    color: var(--bright);
}

.ident16-1>div {
    background: url(https://chempharm.urfu.ru/wp-content/uploads/2020/02/Mask-Group.svg), rgba(0, 0, 0, 0.4);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: bottom;
    height: 70vw;
    box-sizing: border-box;
    padding-top: 5rem;
	margin: -1px;
	overflow-y: auto;
}

.ident16-1>div>div {
	max-height: 100%;
}

.ident16-1 .wrap>div {
    max-width: 50rem;
}


.ident16-2 {
    margin: -1px;
    color: var(--bright);
    background: url(https://chempharm.urfu.ru/wp-content/uploads/2020/02/Mask-Group-1-1.svg), var(--black-gradient);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top;
    min-height: 28vw;
    padding-top: 16.4vw;
    padding-bottom: 2em;
}

.ident16-1.orange>div {
	background-image: url(https://chempharm.urfu.ru/wp-content/uploads/2020/03/Mask-Group-2-3.svg);
}

.ident16-2.orange {
	background-image: url(https://chempharm.urfu.ru/wp-content/uploads/2020/03/Mask-Group-3-2.svg), var(--black-gradient);
}

@media screen and (max-width: 768px) {
	.ident16-1>div {
		min-height: 178vw !important;
		background-image: url(https://chempharm.urfu.ru/wp-content/uploads/2020/03/Group-584.svg), linear-gradient(to bottom, #434343 0, #434343 100%);
		background-position: top, bottom;
		background-size: 100% auto, 100% 20vw;
	}
	
	.ident16-1.orange>div {
		background-image: url(https://chempharm.urfu.ru/wp-content/uploads/2020/07/Mask-Group-1.svg), linear-gradient(to bottom, #434343 0, #434343 100%);
		margin-bottom: -100px;
		overflow-y: hidden;
	}
	
	.ident16-1>div>div {
		overflow-y: auto;
	}

	.ident16-2 {
		background: #434343 !important;
	}

	.single-lab #block1>div {
		text-align: left;
	}

	.ident16-1 .wrap>div {
		max-width: 100%;
	}

	.single-lab #block1 ul li {
		padding: 0;
		background: none;
	}
}

.bright {
	color: var(--bright);
}


.cdo-dir {
	font-size: 0.66em;
    background: white;
    padding: 1.7rem;
    margin-bottom: 3em;
	color: var(--dark);
}

.cdo-dir-title {
    letter-spacing: .08em;
    text-transform: uppercase;
    font-size: 4em;
    font-weight: 900;
    color: #E8E8E8;
    line-height: 111.7%;
    max-width: 50rem;
    margin-bottom: 1rem;
}

.cdo-dir-content {
    display: flex;
    flex-flow: row;
}

.btn.cdo-dir-order {
    border-color: var(--green);
    color: var(--green);
    margin-left: 2em;
    height: 100%;
    align-self: flex-end;
}

.btn.cdo-dir-order:hover {
    background: var(--green);
    color: var(--bright);
}

.cdo-dir-text {
    font-size: 1.5em;
    flex: 1;
}

.prof-dirs {
    margin-bottom: 3rem;
}

.prof-dir {
	font-size: 0.66em;
    background: white;
    padding: 1.7rem;
    margin-bottom: 3em;
	color: var(--dark);
}

.prof-dir-head {
    display: flex;
    flex-flow: row;
}

.prof-dir-title {
    letter-spacing: .08em;
    text-transform: uppercase;
    font-size: 1.5em;
    font-weight: 900;
    color: var(--green);
    line-height: 111.7%;
    max-width: 30rem;
    margin-bottom: 1.5rem;
}

.prof-dir-hours {
    margin-left: auto;
    font-size: 2em;
    color: #E8E8E8;
    font-weight: 900;
}

.btn.prof-dir-order {
    border-color: var(--green);
    color: var(--green);
    margin-top: 1.5rem;
    height: 100%;
    align-self: flex-end;
}

.btn.prof-dir-order:hover {
    color: var(--bright);
    background: var(--green);
}

.mag-dir {
	font-size: 0.66em;
    letter-spacing: 0.08em;
    margin-bottom: 2.5rem;
}

.mag-dir-card {
    background: white;
    padding: 1.7rem;
    display: flex;
    flex-flow: row;
}

.mag-dir-photo {
    width: 20%;
    padding-top: 20%;
    position: relative;
}

.mag-dir-photo img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mag-dir-content {
    flex: 1;
    margin-left: 1.7rem;
    display: flex;
    flex-flow: column;
}

.mag-dir-title {
    text-transform: uppercase;
    margin-bottom: 1rem;
    min-height: 2.5em;
	font-size: 1.5em;
}

.mag-dir-ftitle {
    font-weight: 900;
    color: #434343;
    margin-bottom: 0.7em;
}

.mag-dir-text {
    flex: 1;
    margin-bottom: 1em;
}

.mag-dir-more:before {
    content: 'Подробнее';
    font-weight: 300;
    cursor: pointer;
}

.mag-dir-full {
    overflow: hidden;
    background: var(--color-7);
    padding: 1.7rem 2.7rem;
    color: var(--bright);
}

.mag-dir-full h3 {
    font-size: 1em;
    color: var(--green);
    margin: 1em 0;
}

.mag-dir-full .mag-dir-order {
    margin: 2em auto 0;
    display: block;
}

.mag-dir.open .mag-dir-more:before {
    content: 'Скрыть';
}

.mag-dir:not(.open) .mag-dir-full {
    display: none;
}

.fl-builder-edit .mag-dir .mag-dir-full {
    display: block;
}

.mag-dir-full ul {
    list-style-type: none;
    display: flex;
    flex-flow: row wrap;
    
}

.mag-dir-full ul li {
	padding: 0;
    min-height: 2em;
    display: flex;
    align-items: center;
    width: 50%;
    box-sizing: border-box;
    padding-left: 3em;
    padding-right: 1em;
    margin-bottom: 1em;
    background: url(https://chempharm.urfu.ru/wp-content/uploads/2020/03/Rectangle-352.svg) no-repeat;
    background-size: 1.5em 1.5em;
    background-position: left;
}


.card {
    cursor: pointer;
    font-size: 0.66em;
    color: var(--bright);
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: right center;
	overflow-y: auto;
}

.card-body {
    position: relative;
    width: 100%;
    padding-top: 124%;
}

.card-content {
	z-index: 2;
    padding: 2.5em;
    box-sizing: border-box;
    display: flex;
    flex-flow: column;
    height: 100%;
    width: 100%;
     position: absolute;
    top: 0;
    left: 0;
}

.cards { 
    margin-top: 1.5em;
    letter-spacing: 0;
}

.cards.show-parts .slick-list, .cards.show-parts  .owl-stage-outer {
    overflow: visible;
}

.fl-builder-edit .card 
{
    width: 25rem !important;
}

.fl-builder-edit .cards {
    display: flex;
    flex-flow: row wrap;
    overflow: visible;
}

.card-back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	z-index: 0;
}

.card-back img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.card::after {
	content: ' ';
	z-index: 1;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 0.7;
}

.card-have-back.card-black::after {
    background-color: #000000;
}

.card-have-back.card-green::after {
	background-color: var(--green);
}

.card-have-back.card-orange::after {
	background-color: var(--orange);
}

.cards .owl-item>.card-black::after {
	background-image: url(https://chempharm.urfu.ru/wp-content/uploads/2020/03/Mask-Group-3.svg);
	background-position: left bottom;
}

.cards .owl-item:nth-child(2n)>.card-black::after {
	background-image: url(https://chempharm.urfu.ru/wp-content/uploads/2020/03/Mask-Group-2.svg);
	background-position: left bottom;
}

.cards .owl-item:nth-child(3n)>.card-black::after {
	background-image: url(https://chempharm.urfu.ru/wp-content/uploads/2020/03/Mask-Group-1-1.svg);
	background-position: left bottom;
}

.cards .owl-item>.card-green::after {
	background-image: url(https://chempharm.urfu.ru/wp-content/uploads/2020/03/Mask-Group-4.svg);
	background-position: left top;
}

.cards .owl-item:nth-child(2n)>.card-green::after {
	background-image: url(https://chempharm.urfu.ru/wp-content/uploads/2020/03/Mask-Group-1-2.svg);
	background-position: right bottom;
}

.cards .owl-item:nth-child(3n)>.card-green::after {
	background-image: url(https://chempharm.urfu.ru/wp-content/uploads/2020/03/Mask-Group-2-1.svg);
	background-position: right top;
}

.cards .owl-item:nth-child(4n)>.card-green::after {
	background-image: url(https://chempharm.urfu.ru/wp-content/uploads/2020/03/Mask-Group-3-1.svg);
	background-position: right bottom;
}

.cards .owl-item>.card-orange::after {
	background-image: url(https://chempharm.urfu.ru/wp-content/uploads/2020/03/Mask-Group-1-3.svg);
	background-position: right bottom;
}

.cards .owl-item:nth-child(2n)>.card-orange::after {
	background-image: url(https://chempharm.urfu.ru/wp-content/uploads/2020/03/Mask-Group-2-2.svg);
	background-position: right bottom;
}

.cards .owl-item:nth-child(3n)>.card-orange::after {
	background-image: url(https://chempharm.urfu.ru/wp-content/uploads/2020/03/Group-499.svg);
	background-position: right bottom;
}

.cards .owl-item:nth-child(4n)>.card-orange::after {
	background-image: url(https://chempharm.urfu.ru/wp-content/uploads/2020/03/Mask-Group-5.svg);
	background-position: right bottom;
}


.card.card-black {
	background-image: var(--black-gradient);
}

.card.card-orange {
    background-image: var(--orange-gradient);
}

.card.card-green {
    background-image:  var(--green-gradient);
}

.card-title {
    display: block;
    font-size: 1.5em;
    min-height: 2.4em;
    font-weight: 900;
    text-transform:uppercase;
}

.card-text {
    flex: 1;
    margin-top: 4em;
}

.card-small {
    font-size: 0.75em;
    font-weight: 300;
}

.fl-builder-edit .partner-cards {
    display: flex;
    flex-flow: row;
    width: max-content;
}

.partner-cards {
	min-height: 20em;
}
.partner-info { display: none; }
.partner-cards .owl-item {
	margin: 0 0.5rem;
}
.partner-cards .owl-stage {
	display: flex;
	flex-flow: row;
}
.partner-logo {
    width: 80%;
	padding-top: 80%;
	margin: auto;
	position: relative;
    border-radius: 50%;
    background-color: var(--bright);
    background-repeat: no-repeat;
    background-size: contain;
    overflow: hidden;
    transition: 500ms all;
}
.partner-logo img {
    width: 100%;
    height: 100%;
	position: absolute;
	box-sizing: border-box;
	padding: 18%;
	left: 0;
	top: 0;
    object-fit: contain;
}

.partner-cards .owl-item {
	transition: 500ms all;
}
.partner-cards .owl-item.center {
	transition: 500ms all;
	zoom: 1.5;
	-ms-zoom: 1.5;
	-webkit-zoom: 1.5;
	box-sizing: border-box;
}


.owl-item.center .partner-card .partner-logo { width: 100%; padding-top: 100%; }


.partner-logo {
    cursor: pointer;
}
#partners {
	padding-top: 7vw;
	margin-left: -30vw;
	position: relative;
}

#partners {
	min-height: 20em;
}
#partner-see {
	z-index: 10;
	left: 72vw;
	padding-right: var(--wrap-padding);
	position: absolute;
	top: 20vw;
}

@media screen and (max-width: 1499px) {
	#partner-see {
		top: 18vw;
		left: 78vw;
	}
}

#partner-see  .partner-title {
    font-size: 1.32em;
    font-weight: 900;
    margin-bottom: 0.5em;
    line-height: 122%;
    letter-spacing: 2px;
}

#partner-see .button {
    margin-top: 0.7em;
	font-size: 0.66em;
}

ul.sub-menu {
    display: none;
}
@media screen and (min-width: 769px) {
	ul.sub-menu {
		position: absolute;
		left: 0;
		top: 100%;
		width: 100%;
		justify-content: center;
		padding: 2em var(--wrap-padding);
		background: var(--color-menu);
		color: var(--dark);
		text-align: center;

		box-sizing: border-box;
		grid-template-columns: repeat( auto-fit, minmax(auto, 30em));
	}
}

#site-header {
    box-sizing: border-box;
    height: 95px;
    padding: 0;
}

#nav-block {
	margin-left: auto;
}

html:not(.overlay) li:hover>ul.sub-menu, html:not(.overlay)  ul.sub-menu:hover, li.opened>ul.sub-menu {
    display: flex;
}
/* #menu-item-363 - пункт "Лаборатории" */
html:not(.overlay) li#menu-item-363:hover>ul.sub-menu, html:not(.overlay) li#menu-item-363 ul.sub-menu:hover, li.opened#menu-item-363>ul.sub-menu 
{
	display: grid;
}

#menu-item-363>ul.sub-menu>li {
	align-items: flex-start;
}



#site-header .logo {
    margin: 1.5em 0;
}

#site-nav {box-sizing: border-box;height: 95px;}

#main-menu {
    height: 100%;
}

#main-menu a {
    display: block;
    box-sizing: border-box;
	text-decoration: none;
	cursor: pointer;
}

#menu-item-363 .sub-menu li {
	flex: 1;
	justify-content: flex-start;
}


@media screen and (min-width: 769px) {
	
	#main-menu li {
		align-items: center;
		display: flex;
		flex-flow: column;
		justify-content: center;
	}
	#main-menu .sub-menu li {
		flex: auto;
		margin: 0 1em;
		font-weight: normal;
		justify-content: center;
	}
	#main-menu .sub-menu a {
		color: var(--dark);
		text-align: left;
	}
	#main-menu li:hover>a {color: var(--orange);text-decoration: underline;}
}
.sub-menu a:hover {
    text-decoration: none;
}

.lab-cards {
	font-size: 0.66em;
}


.people-card {
    font-size: 0.66em;
    display: flex;
    flex-flow: row;
}

.people-left {
    width: 20em;
    padding-right: 2.5em;
}

.people-right {
    padding-left: 1em;
    flex: 1;
}

@media screen and (min-width: 769px) {
	.people-right .people-photo {
		display: none;
	}
}

.people-card h1 {
    line-height: 111.7%;
}

.people-data>div {
    padding: 0.3em 0;
}

.people-data b {
    font-weight: bold;
}

.people-more {
    margin-top: 1.5em;
}

@media screen and (max-width: 768px) {
	.people-left {
		display: none;
	}

	.people-card h1 {
		text-align: center;
	}

	.people-photo {
		margin: 2rem auto;
		width: 50%;
		border-radius: 50%;
	}

	.people-card {
		font-size: 1em;
		font-weight: 300;
	}

	.people-right {
		padding-left: 0;
	}
}

@media screen and (min-width: 769px) {
	.lab-card-info {
		position: absolute;
		top: 0;
		left: 40%;
		width: 60%;
		box-sizing: border-box;
		height: 100%;
		background: var(--bright);
		transition: all 300ms;
		opacity: 0;
		visibility: hidden;
		border-radius: 0.5rem;
		padding: 2em 3em;
		display: flex;
		flex-flow: column;
	}

	.lab-card.active .lab-card-info {
		visibility: visible;
		opacity: 1;
	}

	.lab-cards {
		position: relative;
		letter-spacing: 0;
		margin: 2em 0;
	}

	.lab-card-title {
		cursor: pointer;
		padding: 0.7em 1em;
		background: var(--bright);
		border-radius: 0.5rem;
		margin-bottom: 0.5rem;
		width: 32%;
		min-height: 3.8em;
		display: flex;
		align-items: center;
		transition-property: width, padding, min-height;
		transition-duration: 300ms;
	}


	.lab-card-p-title {
		margin: 1em 0 1em;
		font-size: 1.5em;
	}

	.lab-card-p-descr {
		flex: 1;
	}

	.lab-card.active .lab-card-title{
		color: var(--bright);
		padding: 1.2em 1em;
		width: 37%;
		background: var(--green-gradient);
		font-weight: bold;
		min-height: 4.8em;
	}
}

#order-modal form {
    margin: 3em auto 0;
    padding: 0 2em;
    max-width: 27em;
    letter-spacing: 2px;
}

#order-modal {
    max-width: 650px;
}

#order-modal .content {
overflow: auto;
}
#order-modal input[type="text"], #order-modal input[type="email"], #order-modal input[type="tel"], #order-modal textarea, #order-modal input[type="number"], #order-modal input[type="date"] {
    border: 2px solid #c4c4c4;
}

#order-modal input[type="submit"] {
    background: var(--green-2);
}

#order-modal .wpcf7-acceptance {
    font-size: 0.58em;
    letter-spacing: 0;
    display: block;
}

@media screen and (max-width: 768px) {
    body {
        font-size: 15px;
    }
    
    h1 {font-size: 1.5em;}
    .descr {
        font-size: 1em;
    }
    
    
    h2 {
        font-size: 1.7em;
    }
    
    .descr-block p, .descr, .fl-rich-text p {
        font-size: 1em;
    }
	
	#lang-choice {display: none;}

	#site-header .logo {
		width: 65%;
		margin: auto;
	}

	#site-header {
		width: 100%;
		background: none;
		position: absolute;
		top: auto;
		height: auto;
		padding: 1.5em 0;
		z-index: 1001;
	}
    
	#nav-block {
        right: 100%;
        transition: all 500ms ease;
        position: fixed;
        display: flex;
		flex-flow: column;
        top: 0;
		left: 0;
        height: 100vh;
        background: var(--dark);
		color: var(--bright);
        width: 80%;
        z-index: 101;
    }
    
    #openNav, #closeNav {
        display: block;
        width: 1.3rem;
        height: 1.3rem;
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
    }
    
    #openNav {
		position: absolute;
        background-image: url(img/menu.svg);
    }
    
    #closeNav {
        background-image: url(img/white_close.svg);
		margin: 1.5rem 1.5rem 1rem;
		width: 1rem;
		height: 1rem;
    }
    
    #nav-block.open {
        right: 20%;
    }
    #site-nav ul {
        flex-flow: column;
        align-items: flex-start;
    }
    
    #site-nav li {
        width: 100%;
        margin: 0;
		color: var(--bright);
    }
	

	#main-menu {
		text-transform: uppercase;
		font-weight: 500;
		height: auto;
	}

	#site-nav {
		flex: 1;
		overflow-y: scroll;
		padding: 0;
		padding-bottom: 1.5rem;
	}

	#main-menu li a {
		padding: 1em 1.5rem;
		width: 100%;
	}
	
	#main-menu>li>a {
		font-size: 1.16em;
	}
	
	#main-menu .sub-menu li a {
		font-weight: 300;
		padding-left: 3rem;
		text-transform: none;
	}

	    
    .site-content li {
        padding: 0;
        padding-left: 2em;
    }
    
    .content-scroller-arrows .arrows {
        left: calc(50% - 4em);
    }
    
    .content-scroller .arrows a.disabled {
		opacity: 0;
	}
	
	
	.arrows a, .slick-arrow, .card-owl-nav button {
		height: 2.5rem;
		width: 2.5rem;
	}
	
	.card {
		font-size: 1em;
	}
	
	.card-content {
		padding: 1rem;
	}
	
	.card-title {
		font-size: 1.2em;
	}
	
	.owl-carousel .owl-stage-outer {
		overflow: visible;
	}
	
	button.owl-prev, .cards button.owl-prev {
		right: 50%;
		left: auto;
		margin-right: 0.5rem;
	}

	.cards button.owl-next, button.owl-next {
		left: 50%;
		right: auto;
		margin-left: 0.5rem;
	}

	.card-owl-nav button {
		bottom: 0;
		margin-top: 0;
	}

	.cards {
		margin: 3em auto;
		width: 80%;
	}
	
	.card h3 {
		font-size: 1.5em;
	}
	
	.card .text {
		margin-top: 2em;
	}

	.contacts-block .about {
		width: 100%;
	}

	.contacts-block .contacts {
		margin: 0;
	}
	.contacts-row {
		/*display: grid;
		grid-template-columns: repeat( auto-fit, minmax(50%, 15em));
		direction: ltr;
		margin-bottom: 1rem;
		gap: 1rem; */
		direction: ltr;
		flex-wrap: wrap;
		margin: 0 -0.25rem;
	}

	.contact {
		flex: none;
		margin: 0.25rem;
		width: calc(25% - 0.5rem);
		min-width: 10em;
		padding-top: 0;
	}
	
	.contact.empty {
		display: none;
	}
	
	.contact-inner {
		padding-top: 127%;
		position: relative;
	}

	.contacts .contact:nth-child(n+3) {
		margin: 0.25rem;
	}
	
	form .row>span {
		width: 100%;
		flex: none;
		margin-bottom: 0.8rem;
	}

	.form-block h2 {
		font-size: 2em;
	}

	#page input[type="submit"] {font-weight: bold;font-size: 1.2em;margin-top: 1rem;padding: 1.1rem 4.5rem;}

	#page input[type="text"], #page input[type="email"], #page input[type="tel"], #page input[type="number"], #page input[type="date"], #page textarea, #page select {
		padding: 1.5em 2em;
	}
	
	#menu-col {
		display: none;
	}

	#lab-col {
		display: none;
	}

	#logo-col.col {
		flex: 1;
	}

	#urfuLogo {
		margin: auto;
		width: 50%;
	}

	#footer-contacts {
		margin-top: 0;
		font-size: 1.5em;
		font-weight: 100;
	}


	#site-footer {
		text-align: center;
	}
	
	#partners {
		padding: 0;
		margin-left: 0;
		margin-top: 6em;
		height: 50vw;
		min-height: auto;
	}
	
	#partner-see {
		display: none;
	}
	
	.partner-cards .owl-item {
		margin: 0;
	}
	
	#partners h2 {
		margin-bottom: 2rem;
	}
	
	#block1>div {
		padding-top: 20vw;
		min-height: 100vh;
		display: flex;
		align-items: center;
		text-align: center;
	}
	
	.partner-cards {
		min-height: auto;
	}


	.form-block h2 {
		max-width: 11em;
		margin-left: auto;
		margin-right: auto;
	}
	
	.lab-cards.owl-carousel .owl-stage {
		display: flex;
		flex-flow: row;
	}

	
	.lab-card {
		height: 100%;
		box-sizing: border-box;
		margin: 0 0.5rem;
		padding: 1.5rem;
		background: var(--bright);
		border-radius: 0.5rem;
		display: flex;
		flex-flow: column;
	}

	.lab-card-p-title {
		display: none;
	}
	
	.lab-card-info {
		flex: 1;
		display: flex;
		flex-flow: column;
	}
	
	.lab-card-p-descr {
		margin-bottom: 1rem;
	}

	.lab-card-title {
		font-size: 1.33em;
		font-weight: 900;
		margin-bottom: 1rem;
	}

	a.lab-card-more {
		margin: auto auto 0;
		display: block;
	}

	.lab-cards {
		margin-top: 1.5rem;
	}
	
	#page form {
		font-size: 1em;
	}
	
	.lab-cards {
		font-size: 1em;
	}
	.contacts-block .contacts {
		font-size: 1em;
	}
	
	#site-header {
		font-size: 1em;
	}
	
	#order-modal form {
		margin-top: 4rem;
	}
	
	.mag-dir {
		width: 95%;
		margin: 0 auto 1rem;
	}

	.mag-dir-photo {
		left: 0;
		width: 30%;
		margin-left: -5%;
		padding-top: 30%;
		margin-top: -0.5rem;
	}


	.mag-dir-title {
		font-size: 1em;
		margin-bottom: 0.2rem;
	}

	.mag-dir-text {
		font-size: 0.66em;
		font-weight: 300;
	}

	.mag-dir-card {
		padding: 1rem;
		padding-left: 0;
	}

	.mag-dir-more {
		margin-top: auto;
	}

	.mag-dir-full {
		padding: 1rem;
	}

	.mag-dir-full ul li {
		width: 100%;
		margin: 0.5em 0;
	}

	.mag-dir-full h3 {
		text-align: center;
		margin: 0.7rem 0 0.5rem;
		font-size: 1.33em;
	}
	
	.form-block {
		padding: 2rem 0;
	}
	
	.cdo-dirs.wrap {
		padding: 0 !important;
	}

	.cdo-dir {
		padding: 1rem;
	}

	.cdo-dir-title {
		font-size: 3.5em;
	}

	.cdo-dir-content {
		flex-flow: column;
	}

	.btn.cdo-dir-order {
		margin: 1rem auto 0;
	}
	
	.prof-dirs.wrap {
		padding: 0 !important;
	}
	.prof-dirs {
		margin-bottom: 1rem;
	}
	.prof-dir {
		font-size: 1em;
		margin: 1rem 0;
	}

	.prof-dir-title {
		font-size: 1.33em;
		max-width: 100%;
	}

	.prof-dir-hours {
		font-size: 1.33em;
	}

	.btn.prof-dir-order {
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
	
	
}

@media screen and (max-width: 767px) {
	body {
		font-size: 12px;
	}
	.contact {
		width: calc(50% - 0.5rem);
	}
	
	.lab-cards {
		font-size: 0.66em;
	}
	.contacts-block .contacts {
		font-size: 0.66em;
	}
}